/*--------------------------------------------------*/
/*      RESET
/*--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td
header,hgroup,nav,menu,section,article,aside,footer{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
:focus, a{outline:none;}
header,hgroup,nav,menu,section,article,aside,footer{display:block;}
/*--------------------------------------------------*/
/*      DEFAULT
/*--------------------------------------------------*/
body {
    color:#333;
    font: normal 11px 'lucida grande', tahoma, verdana, arial, sans-serif;
    line-height:1.4em;
}
input, select, option, textarea {
    color:#333;
    font: normal 11px 'lucida grande', tahoma, verdana, arial, sans-serif; 
}
.clear { display: block; clear: both; }
.none { display: none; }
.block { display: block; }
.left { float: left; }
.right { float: right; }
a, a:visited { color: #555; text-decoration: none; cursor: pointer; }
a:hover, a:focus, a.selected { color: #333; text-decoration: none; }
img.left { margin: 0 5px 5px 0; }
img.right { margin: 0 0 5px 5px; }
p { margin-bottom:.5em; }
ul li { list-style-type:square; }
dl { margin-bottom: 1em; }
dt { font-weight: bold;}
dd { margin: 0 0 0.5em 0.5em; }
ul, ol { margin:1em 0 1em 20px; }
li ul, li ol { margin:0 0 0 30px; }
td, th { padding: 0.2em; }
pre { margin:1em; padding:1em; }
blockquote { margin: 1em; }
/*--------------------------------------------------*/
/*      SITE
/*--------------------------------------------------*/
#site {
    position: relative;
    margin: 0 auto;
    width:960px;
    border: 0;
    background: transparent;
}
header, nav, footer { display: none; }
#page {
    position: relative;
    margin: 0;
    padding: 5px;
    font-size: 11px;
    border: 0;
    background: transparent;
}
/*--------------------------------------------------*/
/*      RESULT
/*--------------------------------------------------*/
#result {
    position: fixed;
    top: 35%;
    width: 100%;
    z-index: 9000;
}
#result .pop {
    display: block;
    margin: 0 auto;
    padding:8px;
    width: 400px;
    border-radius:3px;
    box-shadow: #111 0 0 2px;
    background: url(/themes/default/images/mask.png);
}
#result .close, #result .approve, #result .cancel {
    position: absolute;
    bottom: 8px;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: #444 1px 1px 2px;
    border-radius:3px;
    box-shadow: #111 0 0 2px;
    background:#222;
    cursor: pointer;
}
#result .close, #result .approve { right: 8px; }
#result .cancel { left: 8px;}
#result .approve { border-color: #711; background: #911; }
#result h1 {
    padding: 7px 30px;
    font-size: 16px;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
}
#result.error h1 {
    color: #fee;
    border-color: #661100;
    background: #881100 url(/themes/default/images/warning-icons.png) 7px 10px no-repeat;
}
#result.alert h1 {
    color: #ffe;
    border-color: #b88800;
    background: #e8af00 url(/themes/default/images/warning-icons.png) 7px -22px no-repeat;
}
#result.success h1 {
    color: #efe;
    border-color: #336611;
    background: #558811 url(/themes/default/images/warning-icons.png) 7px -55px no-repeat;
}
#result .container {
    position: relative;
    padding-bottom: 30px;
    border: 1px solid #666;
    background: #fff;
}
#result .container p {
    padding: 13px;
    font-size: 12px;
}
/*--------------------------------------------------*/
/*      FORM
/*--------------------------------------------------*/
#form {
    margin-bottom: 5px;
}
.formItem {
    margin: 5px 0;
    padding: 5px;
    border-radius:4px;
    box-shadow:#ccc 0 0 3px;
    background:#eee;
}
.formItem label {
    float: left;
    padding: 6px 5px;
    width: 120px;
    color: #888;
    text-shadow: #fff 0 0 3px;
}
.formItem input, .formItem textarea , .formItem .uploader {
    float: left;
    margin: 0 2px 0 0;
    padding: 6px 10px;
    width: 200px;
    color: #666;
    border: 1px solid #ddd;
    border-color: #ccc #e8e8e8 #e8e8e8 #ccc;
    box-shadow:#fff 0 0 3px;
    background:#f8f8f8;
}
.formItem input:focus, .formItem textarea:focus {
    background:#ffe;
}
.formItem .valuelabel { font-weight:bold; font-style: italic; }
.formItem .uploader {
    position: relative;
    padding: 0;
    width: 350px;
    height: 26px;
}
.formItem .uploaderLabel {
    position: absolute;
    top: 0;
    left: 90px;
    width: 258px;
    height: 26px;
    line-height: 26px;
    background: url(/themes/default/images/uploadericon.png) right 3px no-repeat;
    z-index:90;
}
#aside .formItem .uploader { width: 287px; }
#aside .formItem .uploaderLabel { width: 197px; }
.formItem .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    z-index:80;
    background: #8b0;
}
.formItem .disabled {
    color: #777;
    background:#d8d8d8;
    text-shadow: #fff 0 0 3px;
}
.formItem .unit {
    color: #111;
}
.formItem .desc {
    clear: both;
    display: block;
    margin-left: 130px;
    padding-top: 5px;
    color: #888;
    font-size: 10px;
}
.checkboxItem .check {
    float:left;
    margin:0 4px 0 0;
    width:13px;
    height:13px;
    border:1px solid #aaa;
    background:#fff;
    cursor:pointer;
}
.checkboxItem.checked .check {
    background:#444;
}
.formItem select {
    float: left;
    padding: 4px;
    color: #333;
    min-width: 160px;
    border: 1px solid #888;
    background: #fff;
}
.formItem textarea {
    width: 400px;
    height: 100px;
}
.formItem .wide {
    width: 350px;
}
.formItem .full {
    width: 753px;
}
.formLink {
    display: block;
    margin: 0 0 5px 130px;
    padding: 4px;
    color: #333;
    border: 1px solid #bbb;
}
.formSubmit {
    margin: 6px 0 0;
    text-align: right;
}
.formSubmit input, a.button, a.select {
    display: inline-block;
    margin: 0 0 0 2px;
    padding: 5px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: #444 1px 1px 2px;
    border-radius:3px;
    box-shadow: #111 0 0 2px;
    background:#222;
    cursor: pointer;
}
.formSubmit input {
    min-width: 160px;
    border: 0;
}
.formSubmit input:hover , a.button:hover, a.select:hover {
    background:#111;
}
a.select.selected {
    box-shadow: #e11 0 0 2px;
    background: #e11;
}
.formSubmit #loader { display: none; }
.formItem .handler {
    float: left;
    margin-right: 3px;
    padding: 4px;
    color: #999;
    text-shadow: #888 1px 2px 2px;
    background: transparent;
    cursor: ns-resize;
}